<template>
	<view class="fack" @click="toSearch">
		<text class="iconfont icon-sousuo"></text>
		<text class="hot-name"> {{ hotName }} </text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				hotName: 'iphone 14 pro max'
			}
		},
		methods: {
			toSearch() {
				uni.navigateTo({
					url: '/pages/search/search'
				})
			}
		}
	}
</script>

<style scoped>
	.fack {
		background-color: #FFFFFF;
		border-radius: 50rpx;
		width: 96%;
		margin: 0 auto;
		height: 50rpx;
		line-height: 50rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
	}
	.hot-name {
		margin-left: 20rpx;
		color: #757575;
		font-size: 24rpx;
	}
</style>